/* You can add global styles to this file, and also import other style files */

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import '~primeng/resources/primeng.min.css';
@import '~primeng/resources/themes/omega/theme.css';
@import '~font-awesome/css/font-awesome.min.css';
@import '~bootstrap/dist/css/bootstrap.min.css';
@import './assets/css/btn.css';
@import './assets/css/dialog.css';

@import './assets/css/table.css';
@import './assets/css/hr.css';

body{
  overflow-x: hidden;
  background: #f6f7f9;
}

/* --------------------------------------- mat-dialog ------------------------------------------*/
.cdk-overlay-container .mat-dialog-container {
  max-width: none;
  padding: 0;
}
.mat-dialog-container[role="dialog"]{
  overflow-x: hidden;
}

/* --------------------------------------- mat-tab ------------------------------------------*/
.mat-tab-header .mat-tab-label-container{
  z-index: 0;
}
.mat-tab-label-container .mat-tab-list .mat-tab-label{
  padding: 0;
  height:40px;
  line-height: 40px;
}
md-tab-group.mat-tab-group .mat-tab-body-wrapper{
  overflow: visible;
}
md-tab-group.mat-tab-group .mat-tab-body-wrapper .mat-tab-body{
  overflow: visible;
  /* z-index: 0; */
}
md-tab-group.mat-tab-group .mat-tab-body-wrapper .mat-tab-body .mat-tab-body-content{
  overflow: visible;
}

/*-----------------------------  表单验证错误样式 ----------------------------------   */
input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty{
  border: 1px solid #f05050;
}

/*-----------------------------     ui-datatable ----------------------------------  */
.ui-datatable .ui-datatable-data>tr>td{
  overflow: visible;
}

.mCustomScrollbar .mCSB_container{
  overflow: visible;
}

/* --------------------------------------- tab ------------------------------------------  */
/* .mainform.mat-tab-group .mat-tab-header{
 position: absolute;
 left: 0;
 right: 0;
 background-color: white;
}
.mainform.mat-tab-group .mat-tab-body-wrapper{
 position: absolute;
 top: 40px;
 left: 0;
 right: 0;
 bottom: 0;
}  */

/*-------------------------------------- pmenubar ----------------------------------------------*/
.pmenubar>div{
  display: inline-block;
  height: 100%;
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  background-image:none;
}
.pmenubar>div>p-menubarsub>ul{
  height: 100%;
}
.pmenubar>div>p-menubarsub>ul.ui-menubar-root-list>li{
  height: 100%;
  margin: 0;
}
.pmenubar>div a.ui-menuitem-link{
  display: inline-block;
  height: 100%;
  margin: 0;
  line-height: 50px;
  padding: 0 10px !important;
  width: 100%;
}
.pmenubar .ui-submenu>ul{
  box-shadow: 0 0 0 0 white;
}

.pmenubar .ui-menu .ui-menuitem .ui-menuitem-link{
  color: white;
  background: #00ab84 none repeat scroll 0 0;
  border-radius: 0;
}
.pmenubar .ui-menu .ui-menuitem.ui-menuitem-active{
  background: rgb(173, 153, 62) !important;
}
.pmenubar>div p-menubarsub>ul.ui-menu-list.ui-menu-child{
  padding: 0;
}
.pmenubar>div p-menubarsub>ul.ui-menu-list.ui-menu-child>li{
  margin: 0;
}
/*------------------------------- select-region     --------------------------- */
.select-region {
  padding: 6px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #fff; }
.select-region .select-item {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin: 5px 10px 5px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.select-region .select-item>input, .select-region .select-item>select, .select-region .select-item>div.input {
  width: 210px;
}
.select-region .select-item-date {
  display: inline-block;
  height: 26px;
  /* line-height: 26px; */
  margin: 5px 10px 5px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.select-region .select-item-date>span {
  width: 104px;
  display: inline-block;
  text-align: right;
  color: #333;
  white-space: nowrap;
}
.select-region .select-item-date>input {
  width: 90px;
}
.select-region .select-item-sea {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  margin: 5px 10px 5px 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.select-region .select-item-sea>span:not(.searchable-select-caret) {
  width: 104px;
  display: inline-block;
  text-align: right;
  color: #333;
  white-space: nowrap;
}
.select-region .select-item-sea .searchable-select {
  width: 210px;
}
.select-region .select-item-sea .searchable-select-input {
  width: 200px;
}
.select-region  .select-item>select,.select-region textarea,.select-region .select-item>input
,.select-region .select-item-date>input {
  display: inline-block;
  height: 26px;
  line-height: 24px;
  border: 1px solid #cbcbcb;
  color: #858585;
  font-size: 12px;
  text-indent: 1em;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}

.select-region .select-item .ui-inputtext{
  width: 210px;
  line-height: 24px;
  height: 26px;
  border: 1px solid #cbcbcb;
  color: #858585;
  font-size: 12px;
  text-indent: 1em;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.select-region .select-item-date .ui-inputtext{
  width: 90px;
  line-height: 24px;
  height: 26px;
  border: 1px solid #cbcbcb;
  color: #858585;
  font-size: 12px;
  text-indent: 1em;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.select-region .select-item>.input>div{
  height: 26px;
}

.select-region .select-item >.input .ui-dropdown-filter.ui-inputtext {
  font-size: 12px;
  line-height: 24px;
  height: 26px;
  border: 1px solid #cbcbcb;
  color: #858585;

  cursor: pointer;
}
.select-region .select-item >.input label.ui-dropdown-label{
  height: 24px;
  font-size: 12px;
  text-indent: 6px;
  color: #858585;
  padding: 0;
}
.select-region .select-item >.mat-button{
  line-height: 0px;
}

button.dialog-button[disabled]{
  background:#858585 !important;
}


p-tabview .ui-widget-header{
  border: none;
}

.m-t-5{
  margin-top:5px;
}

.ui-tabview .ui-tabview-panel{
  padding: 0;
}

.qk-btn:hover{
  cursor: pointer;
}

.ui-cell-data .qk-btn{
  color: #3c763d;
}

.cdk-overlay-pane .mat-dialog-container[role="dialog"]{
  overflow: visible;
}

.ui-cell-data .text-danger{
  color: rgb(173, 153, 62);
}
